.fixed{
	position: fixed;
}
.table-cafe {
	width: 200px;
	height: 200px;
	min-height: 200px;
	min-width: 200px;
	color: #fff;
	font-weight: bold;
	font-size: 24pt;
	line-height: 50px;
	display: block;
	float: left;
	margin: 10px;
}

body{
	font-family: "Open San";
}
.table-cafe .tools{
	background: rgba(0,0,0,.6);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
}
.table-cafe:hover .tools{
	display: block;
}
.tools >a {
	color: #fff;
}
.tools > a:hover{
	color: orange;
}
.message-item:hover{
	background: #428bca;
	color: #fff;
}
.message-item{
	cursor: pointer;
	padding: 10px;
	border-bottom: 1px solid #ccc;
}
.message-item:last-child{
	border: none;
}
.result-choose{
	border: dashed 1px #ccc;
}
.tags .tag{
	background-color: #1E8FD5;
}
.my-modal{
	top: 0; left: 0; right: 0; bottom: 0;
	position: fixed;
	background: #fff;
	border: solid 1px #000; 
	z-index: 99999999999;
}
.my-modal .footer{
	position: absolute;
	top: 0;
	border: solid 1px red;
	width: 100%;
}
.my-modal .footer .tool{
	position: absolute;
}